<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
    body{
        background-color: skyblue;
    }
    
    </style>
</head>
<body>
    
</body>
<script>

    // 超级计算器的功能实现
    // 1.构建一个可以计算的输入框,使其可以无限弹出,直到用户输入 退出 才停止执行
        // 1.1 无限循环 我们用 while 只要结果一直是 true 就一直执行
        while(true){
            var IN = prompt('你好,超级计算机为你服务.\请输入你想选择的功能!\n1.输入"+"求和\n2.输入"-"求差\n3.输入"*"求积\n4.输入"/"求商\n5.退出请输入退出')
            // 2.我们来做第一步,先让退出功能实现
            // switch(IN){
            //     case '退出':
            //     alert('超级计算机很荣幸为你服务!')
            //     break;
            // }
            if( IN === '退出'){
                alert('超级计算机希望还能为你服务!')  
                break;
            }
            // 2.1 结束循环
            switch(IN){
                // 3.输入 1 打开新的计算框
                case '+':
                var addition = prompt('请输入你要计算的数字,请依照1,2,3,4的格式书写');
                // 3.1 获取到输入框的数值 用变量将其储存
                // 3.2 切割数值,将其变成数字 定义一个变量来存总和
                var total = 0;
                var sum = addition.split(',');
                // 3.3 遍历循环 addition 里面的每一个数据
                for(var i = 0; i<sum.length; i++){
                    total += parseFloat(sum[i]);
                }
                alert('总和是'+total)
                break;
                // 4. 开始计算总差功能
                 case '-':
                    var  president = prompt('请输入第一个数字');
                    var  president1 = prompt('请输入第二个数字');
                    var pre1 = parseFloat(president)
                    var pre2 = parseFloat(president1);
                    var cha = pre1 - pre2;
                    alert('差为'+ cha)
                    break;
                    // 5.开始计算 乘积 运算
                    case '*':
                    var ride = prompt('请输入第一个数字')
                    var rides = prompt('请输入第二个数字')
                    var cheng = parseFloat(ride);
                    var fa = parseFloat(rides);
                    var product = cheng * fa;
                    alert('乘积为'+product)
                    break;
                    // 6.计算除法功能实现
                    case '/':
                    var  divide = prompt('请输入第一个数字');
                    var  divides = prompt('请输入第二个数字');
                    var consult = parseFloat(divide);
                    var business = parseFloat(divides);
                    var dealer = consult / business;
                    alert('商为'+dealer);
                    break;
            }
        }

</script>
</html>